<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>电器</title>
		<style type="text/css">
			body{
				width: 300px;
			
			}
			div{
				
				margin-left: 32px;
			}
			h2{
				
				font-size: 18px;
				color: white;
				font-weight: bold;
				letter-spacing: 1px;
				line-height: 35px;
				background: linear-gradient(to top,#B6DBF5,#0467AC,#63A7D6);
				text-indent: 16px;
			}
			h3{
				margin-top: 0px;
				line-height: 14px;
				font-weight: bold;
				line-height: 30px;
				color: green;
				background: linear-gradient(to top,#E4F1FA,#BDDFF7,#E4F1FA);
				text-indent:16px;
			}
			h3:hover{
				text-decoration: underline;
			}
			a{
				font-size: 12px;
				line-height: 26px;
				color: #666666;
			}
			a:link{
				text-decoration: none;				
			}
			a:hover{
				text-decoration: underline;
				color: #F60;
			}
		</style>
	</head>
	<body>
		<h2>家用电器</h2>
		<div>
		<h3>大家电</h3>
	     	<a href="#">平板电视  洗衣机  冰箱
                       空调  烟机/灶具  热水器
                       冷柜/酒柜  消毒柜  家庭影院
	     	</a>
	     	<h3>生活电器</h3>
	     	<a href="#">电风扇  净化器  吸尘器
                    净水设备  挂烫机  电话机
	     	</a>
	     	<h3>厨房电器</h3>
	     		<a href="#">榨汁机  电压力锅  电饭煲
                                    豆浆机  微波炉  电磁炉
	     		</a>
	     		<h3>五金家装</h3>
	     		<a href="#">淋浴/水槽  电动工具  手动工具
                                 仪器仪表  浴霸/排气  灯具
                </a>
          </div>      
	</body>
</html>
